<template>
  <view class="container">
    <text class="test-title" style="text-align: center;">春季招生能力测试</text>
	<view style="background-color: #d7d7d7; height: 300px;">
		<view class="message">尊敬的各位招宣人员：</view>
		<view class="instructions"><text>本次考试共28题，请您于4月X号18:00-20:00完成测试。请务必在规定的时间内完成，一旦超时分数记为0。若已知晓上述内容，请开始测试。</text></view>
	</view>
    <checkbox class="acknowledgement" value="true"> 我已知晓上述内容</checkbox>
	<button @click="clicka" type="primary" style="margin-top: 30px; width: 150px;">开始测试</button>
  </view>
</template>
<script>
export default {
	data() {
		return {
			
		}
	},
	methods: {
		clicka() {
			uni.navigateTo({
				url:"/pages/video/test/biaodan"
			})
		}
	}
}
</script>
<style>
.container {
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  padding: 20px;
}

.test-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

.message, .instructions {
  font-size: 16px;
  margin-bottom: 5px;
}

.acknowledgement {
  display: inline-block;
  width: auto;
  height: auto;
  margin-top: 10px;
}
.message {
	font-size:25px;
	margin: 5px;
	margin-top: 15px;
}
.instructions {
	font-size:20px;
	margin: 5px;
}
.instructions text {
	line-height: 30px;
}
</style>